import React, { PureComponent } from 'react'
import ThemeContext from '../theme_context/ThemeContext'
import withTheme from '../hoc/withTheme'


/* export class Product extends PureComponent {
  render() 
  {
    return (
      <div>
        <p>Product</p>
        <ThemeContext.Consumer>
          {
            value=>{
              return (
                <div>
                  <p>name: {value.name}</p>
                  <p>age: {value.age}</p>
                </div>
              )
            }
          }
        </ThemeContext.Consumer>
      </div>
    )
  }
} */
export class Product extends PureComponent {
  render () {
    return (
      <div>
        <p>Product-with-hoc</p>
        <p>name:{this.props.name}</p>
        <p>age:{this.props.age}</p>
      </div>
    )
  }
}


export default withTheme(Product);